草庐IT

html - anchor 内的div

全部标签

javascript - 如何预览上传的图片作为div的背景图片?

我想在div中预览上传的图像文件。我做了一些研究,我从thispost中找到了这段代码,它是预览上传图像文件的代码,但在中标签:functionreadURL(input){if(input.files&&input.files[0]){varreader=newFileReader();reader.onload=function(e){$('#blah').attr('src',e.target.result);}reader.readAsDataURL(input.files[0]);}}关联的HTML:非常棒。然而,我想要的是将上传的图片显示为一个div的背景图片,一个例子是这

javascript - 滚动到 anchor 上方 100 像素

我正在使用下面的JavaScript代码来创建从我的导航栏到anchor的滚动效果。我遇到的问题是我希望滚动在anchor上方100像素处停止。我需要在此代码中更改什么才能实现此结果?$(document).ready(function(){$('a[href^="#"]').click(function(){vartarget=$(this.hash);if(target.length==0)target=$('a[name="'+this.hash.substr(1)+'"]');if(target.length==0)target=$('html');$('html,body')

javascript - 如何在页面加载时更改 HTML 内容

我在我们的网站上进行A/B测试,我的大部分工作都是在一个JS文件中进行的,该文件在呈现任何其他内容之前加载到页面顶部,但在加载jQuery之后有时会派上用场。举一个更改H1标签的非常简单的例子,我通常会在头部注入(inject)一个样式,将H1不透明度设置为0,然后在DOMContentLoaded上,我会操作H1内容,然后将不透明度设置为1。这样做的原因是为了避免在更改发生之前闪现旧内容-隐藏整个对象在视觉上更加优雅。我已经开始研究MutationObserverAPI。我之前在用户可以打开的覆盖对话框中更改内容时使用过它,这似乎是一种很酷的方法,我想知道是否有人设法使用Mutati

Javascript从#anchor重定向到一个单独的页面

我有一组指向单个网页的#anchors链接,我想顺利地转移到一个模型,每个链接都有一个单独的网页。我希望旧链接使用重定向继续工作。旧链接样式:/all_products#A/all_products#B/all_products#C新链接样式:/products/A/products/B/products/C我知道服务器没有收到请求中的#anchor名称,但Javascript可能会收到。是否可以使用Javascript自动从/all_products#A重定向到/products/A?JQuery就可以了,无论如何它都在网站上使用。 最佳答案

javascript - 如何使用 JQuery 使周围的 DIV 变暗(类似于灯箱,但没有弹出窗口)?

我希望用户在给定时间专注于屏幕的一部分。这个想法是淡化网页上除所需DIV之外的所有内容,因此将邀请用户在此区域工作。我正在寻找的效果看起来很像一个灯箱,除了没有弹出窗口,也没有加载任何内容,唯一改变的是外观和感觉(当然还有对点击的响应)。我以为inlinelightbox会是答案,但事实并非如此。我正在使用JQuery,尽管任何解决方案都值得赞赏,插件、手工制作的片段、拥抱、山羊牺牲等等...... 最佳答案 幸运的是,前几天我偶然发现了这个:http://flowplayer.org/tools/demos/toolbox/exp

javascript - Jade : escape html in mixin argument

我尝试过的:mixinsimpleDivInject(text)divh1#{text}mixinsimpleDivInject("lineonelinetwo")期望的结果lineonelinetwo实际结果lineone<br/>linetwo我怎样才能达到预期的结果。我已经尝试了更多的东西(例如将字符串存储在varect中),但到目前为止没有成功。 最佳答案 其实我只是想通了。在这里回答希望对其他人有帮助。转义不是发生在mixin参数系统中,而是发生在vinillajade系统中,所以:mixinsimpleDiv

javascript - 从 ajax jquery post 响应中获取 <h2> 元素内的文本

有什么方法可以获取元素内的文本,该元素是来自ajaxjquery加载的响应。我需要从ajax页面获取响应文本中存在的元素内的文本。以下是我的ajax代码:varurl='...';varsaveData=$.ajax({type:'POST',url:url,data:{data:data},dataType:"text",success:function(resultData){callback(resultData);//needtogetthetexthere..}});saveData.error(function(){console.log("RequesttoAPInots

javascript - 将 html 传递给 Vue 组件

目前我将一些参数传递给vue组件hello','goodbye']"slider是“html”slider或带有图像的slider。虽然我传入的html会变得更复杂,可能有30行,但作为参数将更难阅读和管理,这工作正常。我可以传入外部引用并将其拉入组件吗?{{content}}如您所见,组件中的循环是一个非常简单的v-for。 最佳答案 不要使用属性传递HTML,而是使用Slots:Supposewehaveacomponentcalledmy-componentwiththefollowingtemplate:I'mthechil

javascript - 如何使用 puppeteer 获取 html 元素的所有子元素值

我正在使用puppeteer.我想获取表的列名的值。XYZ0500055006000650我需要得到的是这些td值的数组。我尝试了page.$(selector)但无法理解输出。我也试过:letidAttribute=awaitpage.$eval('.GridHeader',e=>e.childNodes);console.log(idAttribute)但无法获取这些td值的数组。你能帮我循环这些值吗?编辑:找到问题的答案并将其发布在答案部分。 最佳答案 我能够使用以下方法获得解决方案:constdata=awaitpage.e

循环内的 Javascript 变量声明

我有一个近乎强制性的习惯,但我认为这可能是完全没有必要的。使用如下代码:functionabc(){vara,b;for(vari=0;i我强制自己在循环之前声明变量,而不是:functionabc(){for(vari=0;i请注意,在第二个代码块中,每次循环迭代时,我都使用var定义变量。我想第一个是可读性等方面的最佳实践。但有时我只是在破解一些东西,不需要遵循最佳实践。我的问题是:是否有任何理由不定义一个将在循环内使用var关键字重新定义的变量? 最佳答案 由于Javascript中的变量提升,在函数顶部或for循环内的var